<%@ page language="java" import="java.util.*" contentType="text/html"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ page language="java" import="com.server.web.JsVersionUtil"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>${projectName}</title>
<script type="text/javascript"
	src='<c:url value="/js/boot.js"></c:url>?v=<%=JsVersionUtil.CURRENT_VERSION%>'></script>
<script type="text/javascript"
	src='<c:url value="/js/bootstrap/bootstrap.js"></c:url>?v=<%=JsVersionUtil.CURRENT_VERSION%>'></script>
<link rel="stylesheet" type="text/css"
	href='<c:url value="/share/styles.css"></c:url>?v=<%=JsVersionUtil.CURRENT_VERSION%>' />
<style type="text/css">
html, body {
	height: 100%;
	width: 100%;
	border: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-origin: padding-box;
	background-clip: border-box;
}

.mini-tree-nodetitle {
	padding-left: 13px !important;
}

.mini-tree-node-ecicon {
	width: 2px !important;
}

.mini-tree-indent {
	width: 12px !important;
}

.currentActivity a, .currentActivity a:VISITED {
	color: #185285;
}

.nobreak {
	word-break: keep-all;
}

.topNaviPan {
	z-index: 999;
	height: 32px;
	line-height: 32px;
}
.topNaviBar {
	height: 32px !important;
}

.homeIcon {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('<c:url value="/share/img/homeNavi.gif"></c:url>');
	background-repeat: no-repeat;
	background-position: 12px 12px;
	height: 32px;
	width: 32px;
}

.topHomeLink {
	position: relative;
	display: -moz-inline-box;
	display: inline-block;
	line-height: 32px;
	padding: 0 !important;
	vertical-align: top;
	height: 32px !important;
	width: 32px;
}

.topHomeListPan {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100001;
	width: 100%;
	background: #F3F3F3;
	padding: 12px;
	padding-left: 0;
	padding-right: 0;
	box-shadow: 1px 1px 5px #888888;
}

.topHomeListPan .topHomeListGroupTitle {
	margin: 0;
}

.topHomeList {
	padding-left: 10px;
	list-style: none;
}

.topHomeList li {
	display: block;
	padding: 0;
	margin: 0;
	float: none;
	text-shadow: none;
	color: black;
}

.topHomeListPan {
	display: none;
}

.topHomeListTitle {
	height: 32px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: black;
}

.topHomeListPan .sysNaviItem {
	float: left;
	width: 120px;
	height: 120px;
	border: 3px solid #F3F3F3;
	cursor: pointer;
	position: relative;
	margin-left: 12px;
	background-color: #185285
}

.topHomeListPan .sysNaviItem {
	*display: inline
}

.topHomeListPan .sysNaviItem .itemPic {
	height: 32px;
	width: 32px;
	margin: 0 auto;
	margin-top: 30px;
	background-repeat: no-repeat;
}

.topHomeListPan .sysNaviItem .itemTag {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	color: white;
}

.topHomeListPan .sysNaviItem .itemlink {
	display: block;
	width: 120px;
	height: 120px;
	position: absolute;
	top: 0;
	left: 0;
	background-size:32px 32px;
}

.topHomeListPan .sysNaviItemHover {
	border-color: gray;
}

#maskLayer {
	width: 100%;
	height: 100%;
	z-index: 100000;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

.logoPan {
	background-image: url('<c:url value="/share/images/logo.png"></c:url>');
	/* background-size:32px 50px; */
}
.rightHover{
	display: none;
}
</style>
<script type="text/javascript">
	var rootPath = '${rootPath}/';
	var projectName = '${projectName}';
	var sysNaviIconRootPath = rootPath + "/share/img/sysNaviIcon";
	var topNaviItemData = [ {
		id : 0,
		name : '扩展模块',
		innerUrl : rootPath,
		outterUrl : rootPath,
		imgUrl : sysNaviIconRootPath + "/film_min.png"
	}];
	var siteLinkData = [ {
		id : 1,
		name : projectName+'门户',
		url : rootPath + ''
	} ];
</script>
</head>

<body>
	<div class="topNaviPan"></div>
	<div class="mini-fit" style="overflow:hidden;">
		<table id="mainFrameTable"	style="width:100%;border:0;border-collapse: collapse;table-layout: fixed;">
			<tr>
				<td id="leftNaviContainer" class="leftNaviContainer"
					style="z-index: 0;">
					<div class="logoPan">
						<p
							style="position: absolute; top: 8px; margin: 0; padding: 0; line-height: 25px;">
							${projectName}</p>
					</div>
					<ul class="mini-tree" id="tree1" showExpandButtons="true"
						showTreeLines="true" onnodeclick="naviManager.treeClickEvent"
						style="-moz-user-select: none; -webkit-user-select: none; background: transparent !important; width: 100%; padding: 5px;"
						showTreeIcon="true" showArrow="true" resultAsTree="false">
					</ul>
				</td>
				<td id="contentContainer" class="contentContainer"
					style="padding:0;position: relative;vertical-align: top;">
					<iframe width="100%" id="contentFrame" name="contentFrame" height="100px" frameborder="0" onload="commonTools.refreshSubPageHeight()"></iframe>
				</td>
			</tr>
		</table>
	</div>
	<div id="maskLayer"></div>

	<script type="text/javascript">
		
		mini.parse();
		
		//>>>>>>>>>>初始化导航<<<<<<<<<<<<
		var leftNaviData = '${leftNavi}';
		var browserVersion = commonTools.browserVersion();
		var leftNavi=null;
//		if(browserVersion=="MSIE 6.0"||browserVersion=="MSIE 7.0"||browserVersion=="MSIE 8.0"){
			leftNavi = window.eval(leftNaviData);
/* 		}
		else{
			leftNavi=JSON.parse(leftNaviData);
		} */
		
	 	var tree1=mini.get("tree1");
	 	var naviManager = $(".leftNaviContainer").navi({
	 		rootPath : rootPath,
			naviTree : mini.get("tree1"),
			treeData : leftNavi,
			$subPageFrame : $("#contentFrame"),
			defaultNodeId : 1
	 	});
		
		//>>>>>>>>>>初始化顶部菜单<<<<<<<<<<<<
		$(".topNaviPan").topNavi({
			userName : '${userName}',
			logoutUrl : '<c:url value="/login/logout"></c:url>',
			naviBtnData : topNaviItemData,
			siteLinkData : siteLinkData,
			showNaviBtn : true,
			maskLayer : $("#maskLayer")
		}); 
		
		//>>>>>>>>>>初始化收缩按钮<<<<<<<<<<<<
		$("#contentContainer").collapseBtn({
			slidePan : $("#leftNaviContainer")
		});
		
		var throttle = function(fn, delay) {
			var timer = null;
			return function() {
				var context = this, args = arguments;
				clearTimeout(timer);
				timer = setTimeout(function() {
					fn.apply(context, args);
				}, delay);
			};
		};
		window.onresize = throttle(commonTools.refreshSubPageHeight, 100);
		$(function() {
			commonTools.refreshSubPageHeight();
		});
	</script>
</body>
</html>